page{
  height: 100vh;
  background: #eee;
}

.swiper {
  background: #fff;
  image{
    width: 100%;
    height: 100%;
  }
}



.player-row {
  background: #fff;
  margin: 20rpx;
  padding: 20rpx;
  display: flex;
  flex-direction: column;
}

.player-title{
  font-size: 30rpx;
  font-weight: 700;
}

.player-list {
  white-space: nowrap;

}

.add {
  margin-top: 20rpx;
  background: #fff;
  border: 1px solid #2e6c4e;
  border-radius: 8rpx;
  // display: inline-block;
  width: 90rpx;
  height: 90rpx;
  margin-right: 24rpx;
  &:last-child{
  margin-right: 0;
  }
}

.round{
  margin-top: 50rpx;
 
}
.round-players {
  display: flex;
  justify-content: space-evenly;
}


.round-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-right: 30rpx;
}

.round-player {
  width: 100rpx;
  height: 100rpx;
  background: skyblue;
  border-radius: 12rpx;
  margin: 20rpx 0;
}

.win {
  font-size: 30rpx;
  color: red;
  font-weight: 700;
}

.loss {
  font-size: 30rpx;
  color: green;
  font-weight: 700;
}

.btns {
    margin-top: 20rpx;
    display: flex;

  .btn-start {
    width: 250rpx;
  }

  .btn-reset{
    width: 250rpx;

  }
}


